<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>discover</title>
    <link rel="stylesheet" href="../css/details.css">
    <link rel="stylesheet" href="../util/iconfont.css">
</head>
<body>
    <div class="wrap">
        <header>
            <a href="./index.html">
                <div class="backBt">
                    back
                </div>
            </a>
            <p>我的</p>
            <div>
                <i class="iconfont icon-shoucang"></i>
            </div>
        </header>
        <main>
            <div class="detailBanner">
                <img src="../image/details/banner.png" alt="">
            </div>
            <div class="buy">
                <p>￥32</p>
                <button>购买</button>
            </div>
            <div class="praise">
                <div class="praiseL">
                    <i class="iconfont icon-shoucang"></i>
                    <p>好评度</p>
                    <p>99%</p>
                </div>
                <div class="praiseR">
                    <p>共605个评价&gt;</p>
                </div>
            </div>
            <div class="suit">
                <p>适用商户</p>
                <p>&gt;</p>
            </div>
            <div class="business">
                <div class="exhibition">
                    <div>
                        <img src="../image/details/图层 2.png" alt="">
                    </div>
                    <div>
                        <p>万岁寿司(正佳店)</p>
                        <p>
                            <i class="iconfont icon-shoucang"></i>
                            <i class="iconfont icon-shoucang"></i>
                            <i class="iconfont icon-shoucang"></i>
                            <i class="iconfont icon-shoucang"></i>
                            <i class="iconfont icon-shoucang"></i>
                            <span>10分</span>
                        </p> 
                        <p>
                            离你100m
                        </p>
                        <p>
                            查看详情&gt; &gt;
                        </p>
                    </div>
                </div>
                <div class="inBt">
                    <button>
                        进入
                    </button>
                </div>
            </div>
            <div class="business">
                <div class="exhibition">
                    <div>
                        <img src="../image/details/图层 2.png" alt="">
                    </div>
                    <div>
                        <p>万岁寿司(正佳店)</p>
                        <p>
                            <i class="iconfont icon-shoucang"></i>
                            <i class="iconfont icon-shoucang"></i>
                            <i class="iconfont icon-shoucang"></i>
                            <i class="iconfont icon-shoucang"></i>
                            <i class="iconfont icon-shoucang"></i>
                            <span>10分</span>
                        </p> 
                        <p>
                            离你100m
                        </p>
                        <p>
                            查看详情&gt; &gt;
                        </p>
                    </div>
                </div>
                <div class="inBt">
                    <button>
                        进入
                    </button>
                </div>
            </div>
            <div class="business">
                <div class="exhibition">
                    <div>
                        <img src="../image/details/图层 2.png" alt="">
                    </div>
                    <div>
                        <p>万岁寿司(正佳店)</p>
                        <p>
                            <i class="iconfont icon-shoucang"></i>
                            <i class="iconfont icon-shoucang"></i>
                            <i class="iconfont icon-shoucang"></i>
                            <i class="iconfont icon-shoucang"></i>
                            <i class="iconfont icon-shoucang"></i>
                            <span>10分</span>
                        </p> 
                        <p>
                            离你100m
                        </p>
                        <p>
                            查看详情&gt; &gt;
                        </p>
                    </div>
                </div>
                <div class="inBt">
                    <button>
                        进入
                    </button>
                </div>
            </div>
        </main>
        <footer>
            <a href="./index.html">
                <div class="index">
                    <i class="iconfont icon-31shouyexuanzhong"></i>
                    <p>首页</p>
                </div>
            </a>
            <a href="./classify.html">
                <div class="classify">
                    <i class="iconfont icon-fenleiorguangchangorqita"></i>
                    <p>分类</p>
                </div>
            </a>
            <a href="./discover.html">
                <div class="discover">
                    <i class="iconfont icon-faxian"></i>
                    <p>发现</p>
                </div>
            </a>
            <a href="./mine.html">
                <div class="main">
                    <i class="iconfont icon-wode"></i>
                    <p>我的</p>
                </div>
            </a>
        </footer>
    </div>
</body>
</html>